﻿@charset "utf-8";
/* CSS Document */
body{ min-width:1200px}
/* maimplace */
.maimplace{position:relative; }
/* map */
.map{position:relative;overflow:hidden}
/* leftbox_map */
.leftbox_map{ position:absolute;top:20px;left:20px;z-index:99}
/* selectbox */
.leftbox_map .selectbox{ height:24px; padding:6px 0px; background:#fafdfe;;-webkit-box-shadow: 0 0px 10px rgba(83, 83, 83, 0.2); -moz-box-shadow: 0 0px 10px rgba(83, 83, 83, 0.2); box-shadow: 0 0px 10px rgba(83, 83, 83, 0.2); cursor:pointer}
.leftbox_map .selectbox .seletarea{ float:left;padding-left:14px; height:24px; width:100px; border-right:1px solid #e0e0e0; background: url(../images/gis_img/selectarea_icon.png) no-repeat right center; font-size:14px; color:#333; line-height:24px}
.leftbox_map .selectbox:hover .dropdown_area{display:block;}
.leftbox_map .selectbox .searchicon{ height:24px; width:24px; background:url(../images/gis_img/searcharea_icon.png) 0px 0px no-repeat; margin:0px 6px; float:left;cursor:pointer}
.leftbox_map .selectbox .searchicon:hover{ background:url(../images/gis_img/searcharea_icon.png) -24px 0px no-repeat;}
/* 下拉框 */
.un_city{position:absolute;border:1px solid #e8e8e8;border-radius:0 4px 4px 4px;background-color:#fafdfe;width:282px;left:0px;top:36px;-webkit-box-shadow: 0 0px 10px rgba(83, 83, 83, 0.2); -moz-box-shadow: 0 0px 10px rgba(83, 83, 83, 0.2); box-shadow: 0 0px 10px rgba(83, 83, 83, 0.2);}
.un_city h1{height:24px;line-height:24px;border-bottom:1px solid #ebeae8;padding-left:6px;}
.un_city h1 a{display:block;float:right;margin-right:10px;background-image:url(../images/gis_img/un_cityclose.png);background-repeat:no-repeat;width:9px;height:9px;margin-top:8px;}
.un_city .un_city_name{margin-left:13px;margin-right:13px;height:36px;line-height:36px;border-bottom:1px solid #ebeae8;}
.un_city .un_city_btn{padding:6px 13px;	overflow:hidden;}
.un_city .un_city_btn div{float:right;}
.un_city .un_city_btn .big_city{font-size:16px;color:#297fc7; line-height:20px}
.un_city .un_city_btn div input{width:86px;border:1px solid #cccbca;float:left;	height:20px;border-right:none;padding-left:6px;color:#b2b2b2;}
.un_city .un_city_letter{padding:0 13px 10px 13px;border-bottom:1px solid #ebeae8;}
.un_city .un_city_letter a{color:#297fc7;display:inline-block;padding:0 2px;}
.un_city .un_city_letter a:hover{text-decoration:underline;}
.un_city .un_city_select_box{height:136px;margin-bottom:8px;	overflow:auto;}
.un_city .un_city_select_box .un_city_select{margin:7px 0 7px 5px;overflow:hidden;}
.un_city .un_city_select_box .un_city_select span{font-weight:bold;}
.un_city .un_city_select_box .un_city_select .big{font-size:17px;color:#d2cdc9;display:inline-block;}
.un_city .un_city_select_box .un_city_select div{float:right;margin-top:5px;width:197px;}
.un_city .un_city_select_box .un_city_select div a{display:inline-block;padding:0;color:#297fc7;font-size:11px;}
.un_city .un_city_select_box .un_city_select div a:hover{text-decoration:underline;}
.un_city .un_city_select_box .un_city_select .big_city{font-size:14px;color:#297fc7;}
.un_city .un_city_btn a{display:inline-block;padding:2px 5px;background: -ms-linear-gradient(top, #ffffff,  #f2f2f2);        /* IE 10 */background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#ffffff), to(#f2f2f2));/*谷歌*/border:1px solid #cccbca;border-radius:2px;float:left;color:#b2b2b2;}
.un_city .un_city_btn .un_city_btn_curt{background: -ms-linear-gradient(top, #ededed,  #f8f8f8);        /* IE 10 */background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#ededed), to(#f8f8f8));/*谷歌*/	color:#666666;}
/* 下拉框 */
/* showtbox */
.showtbox{ background:url(../images/gis_img/showboxbg.png) repeat; padding:6px; margin-top:20px}
.showtbox li .namespan{ line-height:20px;font-size:14px;color:#fff;}
.showtbox li .numberspan{ font-size:14px; color:#00fffc; margin:10px 0px;line-height:24px;}
.showtbox li .numberspan em{ float:left;width:24px; height:24px; font-size:22px;line-height:24px; text-align:center;font-weight:400; border-radius:3px; background:url(../images/gis_img/showboxbg.png) repeat;margin-right:6px;}
.showtbox li .numberspan .small{ font-size:18px;line-height:24px;}
/* leftbox_map end */
/* rightbox_map */
.rightbox_map{ position:absolute;top:20px;right:20px;z-index:99;-webkit-box-shadow: 0 0px 10px rgba(83, 83, 83, 0.2); -moz-box-shadow: 0 0px 10px rgba(83, 83, 83, 0.2); box-shadow: 0 0px 10px rgba(83, 83, 83, 0.2); }
.rightbox_map p{ width:30px; height:34px; border-bottom:1px solid #cccccc;cursor:pointer}
.rightbox_map .enlarge_icon{background:#fafdfe url(../images/gis_img/zoon_icon.png) no-repeat 0px 0px;}
.rightbox_map .enlarge_icon:hover{ background:#fafdfe url(../images/gis_img/zoon_icon.png) no-repeat -30px 0px;}
.rightbox_map .narrow_icon{ background:#fafdfe url(../images/gis_img/zoon_icon.png) no-repeat 0px -42px;cursor:pointer;border-bottom:0px;}
.rightbox_map .narrow_icon:hover{ background:#fafdfe url(../images/gis_img/zoon_icon.png) no-repeat -30px -42px;}
/* rightbox_map end*/
/* bottombox_map */
.mark_area{ position:absolute;bottom:20px;left:20px;z-index:99;-webkit-box-shadow: 0 0px 10px rgba(83, 83, 83, 0.2); -moz-box-shadow: 0 0px 10px rgba(83, 83, 83, 0.2); box-shadow: 0 0px 10px rgba(83, 83, 83, 0.2); }
.mark_area p{ float:left;padding:0px 20px; height:24px;  background: #fff;font-size:14px; color:#333; line-height:24px}
.mark_area .highest{ background: #ff8e8e;color:#fff;}
.mark_area .middle{ background: #f1c232;color:#fff;}
.mark_area .lowest{ background: #2eeb33;color:#fff;}
/* bottombox_map end*/

/* detail_popup*/
.detail_popup{background:#fff;-webkit-box-shadow: 0 0px 10px rgba(83, 83, 83, 0.8); -moz-box-shadow: 0 0px 10px rgba(83, 83, 83, 0.8); box-shadow: 0 0px 10px rgba(83, 83, 83, 0.8); position:absolute; top:50%;left:50%; margin-top:-200px; margin-left:-350px; }
.detail_popup .close{ position:absolute; top:10px; right:10px; height:16px; width:16px; background:url(../images/gis_img/popup_close.png);cursor:pointer}
.detail_popup .leftnav{ width:140px; border-right:1px solid #dfdfdc; background:#eeeeee; float:left}
.detail_popup .leftnav .namespan{ height:40px; line-height:40px; width:140px; font-size:18px;color:#0080ff; text-align:center}
.detail_popup .leftnav li{ height:120px; padding-top:70px; box-sizing:border-box; border-top:1px solid #dfdfdc; font-size:14px;color:#b5b5b5; text-align:center; cursor:pointer; position:relative}
.detail_popup .leftnav li p{ width:38px; height:44px;position:absolute; top:25px; left:52px}
.detail_popup .leftnav li .basicfacts{background:url(../images/gis_img/popup_basicfactsbg.png)  no-repeat; }
.detail_popup .leftnav .choose .basicfacts{background: url(../images/gis_img/popup_basicfactsbg_choose.png) no-repeat;}
.detail_popup .leftnav li .indcator{background:url(../images/gis_img/popup_indcatorbg.png)  no-repeat;}
.detail_popup .leftnav .choose .indcator{background:url(../images/gis_img/popup_indcatorbg_choose.png) no-repeat; }
.detail_popup .leftnav li .personal{background:url(../images/gis_img/popup_personalbg.png) no-repeat;}
.detail_popup .leftnav .choose .personal{background: url(../images/gis_img/popup_personalbg_choose.png) no-repeat; }
.detail_popup .leftnav .choose{ background-color:#fff; color:#56aafe;}
.rightcontent_popup{ float:left; min-width:560px;}
.rightcontent_popup .echartsDiv{height:280px;}
.numberul_rightcontent_popup li{ height:120px; border-top:1px solid #e0e0e0; border-right:1px solid #e0e0e0; float:left; text-align:center;box-sizing:border-box; padding:30px 0px}
.numberul_rightcontent_popup li .nump{ font-size:18px; font-weight:600; color:#0080ff; }
.numberul_rightcontent_popup li .nump .small{font-size:14px;}
.numberul_rightcontent_popup li .namp{ font-size:13px; color:#333333; margin-top:20px }
.bignumberul_rightcontent_popup li{height:280px; border-right:1px solid #e0e0e0; float:left; text-align:center;box-sizing:border-box;padding-top:40px}
.bignumberul_rightcontent_popup li .bignamp{font-size:13px; color:#333333; font-weight:700;}
.bignumberul_rightcontent_popup li .bignump{font-size:30px;  color:#ff4040;margin-top:20px}
.bignumberul_rightcontent_popup li .bignump .small{font-size:14px;}
.bignumberul_rightcontent_popup li .selectbox{width:140px; margin:0px auto; margin-top:40px;}
.bignumberul_rightcontent_popup li .selectbox p{ font-size:12px; color:#333333; text-align:left}
.bignumberul_rightcontent_popup li .selectbox p input{ margin-right:10px}
.smanumberul_rightcontent_popup li{ height:120px; border-top:1px solid #e0e0e0; border-right:1px solid #e0e0e0; float:left; text-align:center;box-sizing:border-box; padding:30px 0px}
.smanumberul_rightcontent_popup li .nump{ font-size:18px;color:#999; }
.smanumberul_rightcontent_popup li .namp{ font-size:13px;color:#999; margin-top:20px }
.personal_rightcontent_popup{ width:570px}
.personal_rightcontent_popup li{ width:190px; min-height:120px;border-top:1px solid #e0e0e0;box-sizing:border-box; border-right:1px solid #e0e0e0;padding:14px 0px; text-align:center; float:left}
.personal_rightcontent_popup li span{ width:70px; height:66px;}
.personal_rightcontent_popup li .margin_t41{ margin-top:41px}
.personal_rightcontent_popup li p{line-height:20px;font-size:14px; color:#333;}
.personal_rightcontent_popup li .personal_icon1{ background:url(../images/gis_img/personal_icon1.png)}
.personal_rightcontent_popup li .personal_icon2{ background:url(../images/gis_img/personal_icon2.png)}
.personal_rightcontent_popup li .personal_icon3{ background:url(../images/gis_img/personal_icon3.png)}
.personal_rightcontent_popup li .personal_icon4{ background:url(../images/gis_img/personal_icon4.png)}
.personal_rightcontent_popup li .personal_icon5{ background:url(../images/gis_img/personal_icon5.png)}
.personal_rightcontent_popup li .personal_icon6{ background:url(../images/gis_img/personal_icon6.png)}
.personal_rightcontent_popup li .personal_icon7{ background:url(../images/gis_img/personal_icon7.png)}
.personal_rightcontent_popup li .personal_icon8{ background:url(../images/gis_img/personal_icon8.png)}
/* detail_popup end*/